/*自动扩展textarea*/
#jpath,
pre {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
}
.expandingArea {
    position: relative;
    border: 1px solid #888;
    background: #fff;
}
.expandingArea #jpath,
.expandingArea pre {
    padding: 5px;
    background: transparent;
    font: 400 13px/16px helvetica, arial, sans-serif;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.expandingArea #jpath {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100px;
}
.expandingArea.active #jpath {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    resize: none;
}
.expandingArea pre {
    display: none;
}
.expandingArea.active pre {
    display: block;
    visibility: hidden;
}

#jsonContent {
    width: 90%;
    height: 50%;
    resize: none;
}
#jsonParam {
    width: 90%;
    height: 50%;
    resize: none;
}

/*动画*/
.animated_div
{
    width:120px;
    height:80px;
    background:#92B901;
    color:#ffffff;
    font-weight:bold;
    font-size:30px;
    padding:10px;
    position:absolute;
    float:left;
    margin:5px;
    -webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
    -webkit-border-radius:5px;
    -o-transition-property:width,height,-o-transform,background,font-size,opacity;
    -o-transition-duration:1s,1s,1s,1s,1s,1s;
    -moz-transition-property:width,height,-o-transform,background,font-size,opacity;
    -moz-transition-duration:1s,1s,1s,1s,1s,1s;
    transition-property:width,height,transform,background,font-size,opacity;
    transition-duration:1s,1s,1s,1s,1s,1s;
    border-radius:5px;
    opacity:0.4;
}

.animated_div:hover
{
    /*-moz-transform: rotate(360deg);*/
    /*-webkit-transform: rotate(360deg);*/
    /*-o-transform: rotate(360deg);*/
    /*transform: rotate(360deg);*/
    opacity:1;
    background:#1ec7e6;
    /*width:180px;*/
    /*height:120px;*/
    /*font-size:60px;*/
}


/*上传文件按钮*/
.file-box{
    display: inline-block;
    position: relative;
    padding: 3px 5px;
    overflow: hidden;
    color:#fff;
    background-color: #ccc;
}
.file-btn{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    outline: none;
    background-color: transparent;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.file-msg{
    padding: 3px 5px;
    color: #FF0000;
}


/* 双分栏 */
.double-column-div {
    float: left;
    display: inline-block;
    width: 50%;
    align-content: left;
}
.buttons-div {
    height: 30px;
}

/*<!-- 背景 -->*/
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
body, html {
    height: 100%;
    font-family: Poppins-Regular, sans-serif;
}
.container {
    width: 100%;
    min-height: 100vh;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #ffffff;
    /*background: -webkit-linear-gradient(-135deg, #458B74, #3CB371);*/
    /*background: -o-linear-gradient(-135deg, #458B74, #3CB371);*/
    /*background: -moz-linear-gradient(-135deg, #458B74, #3CB371);*/
    /*background: linear-gradient(-135deg, #458B74, #3CB371);*/
}
.limiter {
    width: 100%;
    margin: 0 auto;
}